<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>个人信息</title>
    <!-- vue -->
    <script src="../common/js/vue2.js"></script>
    <!-- 引入http-vue-loader -->
    <script src="../common/js/vueLoader.js"></script>
    <!-- 引入样式vant -->
    <script src="../common/ui/vant-ui/ui.js"></script>
  </head>
  <body>
    <div id="app">
      <main-top></main-top>
      <div class="mainCenter">
        <div class="leftContent">
          <top title="个人信息"></top>
          <div class="pd20">
            <!-- 单元格 -->
            <div class="boxMsg flex jcsb">
              <div class="flex aic">
                <div class="mgr8">头像</div>
                <div class="stag">挂件</div>
              </div>
              <div class="navar"></div>
            </div>
            <ucell :tipData="showList"></ucell>
          </div>
        </div>
        <lan-adright></lan-adright>
      </div>
      <main-footer></main-footer>
    </div>
  </body>
</html>
<style>
  body {
    background-color: #fff;
  }
  .boxMsg {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
  }
</style>
<script>
  Vue.use(httpVueLoader);
  new Vue({
    el: "#app",
    data: {
      showList: [
        {
          name: "姓名",
          value: "凤飞飞",
          rightMsg: "已实名",
          msg: "请填写姓名",
        },
        { name: "手机号", value: "123*****1323", msg: "请填写手机号码" },
        {
          name: "微信号",
          value: "asf***23",
          bottomMsg: "微信号只会在你主动与牛人交换的时候,才会告知对方。",
          msg: "请填写微信号码",
        },
        { name: "接收简历邮箱", value: "", msg: "建议录入企业邮箱" },
        { name: "我的公司", value: "xyt", msg: "请填写公司" },
        { name: "我的职务", value: "招聘者", msg: "请填写职务" },
      ],
      userIfo: {
        logo: "",
        isGj: true,
        name: "凤飞飞",
        isRename: true,
        phone: "12xxxx112",
        wxNumber: "ty*******23",
        email: "",
        myCompany: "湖广会馆",
        myJob: "招聘者",
      },
    },
    components: {
      top: httpVueLoader("../common/commpent/top.vue"),
      ucell: httpVueLoader("../common/commpent/ucell.vue"),
      "main-top": httpVueLoader("../common/commpent/main/workTop.vue"),
      "main-footer": httpVueLoader("../common/commpent/main/mainFooter.vue"),
      "lan-adright": httpVueLoader("../common/commpent/lan/adRight.vue"),
    },
    mounted() {},
    methods: {},
  });
</script>
